<%@ page contentType="text/html;charset=UTF-8" language="java"  %>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src = "${pageContext.request.contextPath}/common/vue.min.js"></script>
</head>
<body>
<div id = "app">
    <p v-cloak>{{msg}}</p>
    <!--v-bind绑定属性 v-on绑定了事件
   -->
    <input type = "button" v-bind:value = "msg4" v-bind:title = "msg3" v-on:click = "hello">
</div>
<script type = "text/javascript">
    var test = new Vue({
        el:"#app",
        data:{
            msg:'123456',
            msg3:'hello world',
            msg4:'按钮'
        },
        methods:{
            hello:function(){
                alert("hello");
            }
        }
    })
</script>
</body>
</html>